@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 304px)  and (max-width: 319px){
	.topbar .menu .left ul li{ padding:17px 10px;}
	.topbar .menu .right{ display:none;}
	#wrapper_header .banner_intro{ display:none;}
	#wrapper_header .blog_hot{ margin-top:150px; margin-left:0px;}
	#wrapper_header .blog_hot ul li{ margin-bottom:20px;}
	#wrapper_contain .prod_hot ul li{ margin-left:40px;}
	#wrapper_category .contact_form #contact_me .map{ display:none;}
	#wrapper_category .contact_form #contact_me .link_social{ display:none;}
	#wrapper_category .contact_form #contact_me{ padding-left:2px;}
	#ds_sanpham{ max-width: 1315px !important; padding-left:25px !important;}
	.list_anh{ margin-top:100px;}
	.cate_current{ top:180px;}
	#wrapper_header .blog_detail .content{ width:264px;}
	#wrapper_header .blog_detail .content p img{ max-width:264px;}
	.vitri_blogdetail{ margin-top:200px;}
	#wrapper_header .blog_hot{ margin-top:0;}
}
@media screen and (min-width: 320px)  and (max-width: 599px){
	.topbar .menu .left ul li{ padding:17px 10px;}
	.topbar .menu .right{ display:none;}
	#wrapper_header .banner_intro{ display:none;}
	#wrapper_header .blog_hot{ margin-top:150px; margin-left:5px;}
	#wrapper_header .blog_hot ul li{ margin-bottom:20px;}
	#wrapper_contain .prod_hot ul li{ margin-left:50px;}
	#wrapper_category .contact_form #contact_me .map{ display:none;}
	#wrapper_category .contact_form #contact_me .link_social{ display:none;}
	#wrapper_category .contact_form #contact_me{ padding-left:10px;}
	#ds_sanpham{ max-width: 1300px !important; padding-left:30px !important;}
	.list_anh{ margin-top:50px;}
	.cate_current{ top:130px;}
	#wrapper_header .blog_detail .content{ width:280px;}
	#wrapper_header .blog_detail .content p img{ max-width:280px;}
	.vitri_blogdetail{ margin-top:160px;}
	#wrapper_header .blog_hot{ margin-top:0;}
}
@media screen and (min-width: 360px)  and (max-width: 767px){
	.topbar .menu .left ul li{ padding:17px 10px;}
	.topbar .menu .right{ display:none;}
	#wrapper_header .banner_intro{ display:none;}
	#wrapper_header .blog_hot{ margin-top:150px; margin-left:20px;}
	#wrapper_header .blog_hot ul li{ margin-bottom:20px;}
	#wrapper_contain .prod_hot ul li{ margin-left:70px;}
	#wrapper_category .contact_form #contact_me .map{ display:none;}
	#wrapper_category .contact_form #contact_me .link_social{ display:none;}
	#wrapper_category .contact_form #contact_me{ padding-left:30px;}
	#ds_sanpham{ max-width: 1280px !important; padding-left:50px !important;}
	.list_anh{ margin-top:50px;}
	.cate_current{ top:130px;}
	#wrapper_header .blog_detail .content{ width:320px;}
	#wrapper_header .blog_detail .content p img{ max-width:320px;}
	.vitri_blogdetail{ margin-top:160px;}
	#wrapper_header .blog_hot{ margin-top:0;}
}
@media screen and (min-width: 768px)  and (max-width: 799px){
	.topbar .menu .left ul li{ padding:17px 8px 17px 8px !important;}
	.topbar .menu .right ul li{ padding:17px 8px 17px 8px;}
	.topbar .menu .left{ background:none;}
	#wrapper_header .blog_hot{ margin-left:40px;}
	#wrapper_header .blog_hot ul li{ margin-bottom:20px; margin-right:50px; border-left:1px solid #EBEBEB;}
	#wrapper_contain .prod_hot ul li{ margin-left:15px; margin-right:0px;}
	#wrapper_category .contact_form #contact_me .map{ display:none;}
	#wrapper_category .contact_form #contact_me{ padding-left:70px;}
	#ds_sanpham{ max-width: 1330px !important; padding-left:0px !important;}
	.box_items{ margin:0 0 10px 0 !important;}
	#wrapper_header .blog_detail .content{ width:728px;}
	#wrapper_header .blog_hot h2.title{ margin-left:-110px;}
}
@media screen and (min-width: 800px) and (max-width: 979px){
	.topbar .menu .left ul li{ padding:17px 8px 17px 8px !important;}
	.topbar .menu .right ul li{ padding:17px 8px 17px 8px;}
	.topbar .menu .left{ background:none;}
	#wrapper_header .blog_hot{ margin-left:40px;}
	#wrapper_header .blog_hot ul li{ margin-bottom:20px; margin-right:50px; border-left:1px solid #EBEBEB;}
	#wrapper_contain .prod_hot ul li{ margin-left:25px; margin-right:0px;}
	#wrapper_category .contact_form #contact_me .map{ display:none;}
	#wrapper_category .contact_form #contact_me{ padding-left:80px;}
	.box_items{ margin:0 10px 10px 0 !important;}
	#wrapper_header .blog_detail .content{ width:760px;}
	#wrapper_header .blog_hot h2.title{ margin-left:-140px;}
}
@media screen and (min-width: 980px) and (max-width: 1279px){
	.topbar .menu .left ul li{ padding:17px 20px;}
	.topbar .menu .right ul li{ padding:17px 20px;}
	#wrapper_header .blog_hot{ margin-left:130px;}
	#wrapper_header .blog_hot ul li{ margin-bottom:20px; margin-right:100px; border-left:1px solid #EBEBEB;}
	.topbar .menu .right{ display:block;}
	#wrapper_header .banner_intro{ display:block;}
	#wrapper_contain .prod_hot ul li{ margin-right:0; margin-left:5px;}
	#ds_sanpham{ max-width: 1240px !important; padding-left:90px !important;}
	.box_items{ margin:0 10px 10px 0 !important;}
	#wrapper_header .blog_detail .content{ width:940px;}
	#wrapper_header .blog_hot h2.title{ margin-left:-240px;}
}
@media screen and (min-width: 1280px)  and (max-width: 1439px){
	#wrapper_header .blog_hot{ margin-left:0px;}
	#wrapper_header .blog_hot ul li{ margin-bottom:20px; margin-right:0px; border-left:none;}
	.topbar .menu .right{ display:block;}
	#wrapper_header .banner_intro{ display:block;}
	#ds_sanpham{ max-width: 1240px !important; padding-left:90px !important;}
	.box_items{ margin:0 10px 10px 0 !important;}
}
@media screen and (min-width: 1440px){
	#wrapper_header .blog_hot{ margin-left:0px;}
	#wrapper_header .blog_hot ul li{ margin-bottom:20px; margin-right:0px; border-left:none;}
	.topbar .menu .right{ display:block;}
	#wrapper_header .banner_intro{ display:block;}
}

